@extends('home/common/home_layout')

@section('content')
<hr>

<div style="width:1200px;height:100%;">

	<div class='cate_box' style='width:1100;height:210;overflow:hidden;display:inline-block;margin-left: 420px;'>
		<div class='cate_'>
			<a href="lin_home_list">全部</a>
			<a href="lin_home_list?type=火锅">火锅</a>
			<a href="lin_home_list?type=农家院">农家院</a>
			<a href="lin_home_list?type=饮品">饮品</a>
			<a href="lin_home_list?type=超市">超市</a>
			<a href="lin_home_list?type=下午茶">下午茶</a>
			<a href="lin_home_list?type=快餐">快餐</a>
		</div>
	</div>
	<div class="fresh_mid">
		<ul>

		@foreach($data as $k=>$v)

	    	<li style='margin:27px;'>
	        	<div class="name"><a @if($v['storestatus']=='营业中')href="lin_home_list/create?id={{$v['id']}}"@endif>{{$v['storename']}}</a></div>
	            <div class="price">
	            	<font>
	            			<span>起送:￥{{$v['upsendprice']}}</span><span>配送费:￥{{$v['sendprice']}}</span>
			            	<span >
			            		<img src="/publics/lilin/home_layout_style/images/time_.jpg" width="20" height="20" />
		                      		{{$v['cooktime']}}
		                    </span>
                    </font>

	            </div>
	            <div class="img">
	            	<a 
	            		@if($v['storestatus']=='营业中')
	            			href="lin_home_list/create?id={{$v['id']}}"
	            		@endif
	            	>
	            		<img 
	            			src="/publics/lilin/home_layout_style/images/{{$v['storepic']}}" 	@if($v['storestatus']=='装修中' || $v['storestatus']=='已打烊')
	            					style="filter: Alpha(opacity=10);-moz-opacity:.1;opacity:0.1;"
	            				@endif 
	            			width="185" height="155" 
	            		/>
	            	</a>
	            	
	            </div>
	        </li>
	       
		@endforeach

	    </ul>
	</div>
		
<style type="text/css">
        

		.navigation {

		margin:auto auto 10px 10px;

		float:left;

		}

		.active span{
		color:#abc123;
		font-size: 20px;
		}

		.wp-paginate {

		padding:0;

		margin:0;

		}

		.wp-paginate li {

		float:left;

		list-style:none;

		margin:2px;

		padding:0;

		}

		.wp-paginate a {

		margin:0 2px;

		line-height:20px;

		text-align:center;

		text-decoration:none;

		border-radius:3px;

		-moz-border-radius:3px;

		float:left;

		min-height:20px;

		min-width:20px;

		color:#858585;

		border:2px #e3e3e3 solid;

		border-radius:13px;

		font-size:11px;

		}

		.wp-paginate a:hover {

		border:2px #858585 solid;

		color:#858585;

		}

		.wp-paginate .title {

		color:#555;

		margin:0;

		margin-right:4px;

		font-size:14px;

		}

		.wp-paginate .gap {

		color:#999;

		margin:0;

		margin-right:4px;

		}

		.wp-paginate .current {

		margin:0 2px;

		line-height:20px;

		text-align:center;

		text-decoration:none;

		border-radius:3px;

		-moz-border-radius:3px;

		float:left;

		font-weight:700;

		min-height:20px;

		min-width:20px;

		color:#262626;

		border:2px #119eda solid;

		border-radius:13px;

		font-size:11px;

		color:#119eda;

		}

		.wp-paginate .page {

		margin:0;

		padding:0;

		}

		.wp-paginate .prev {

		}

		.wp-paginate .next {

		}
</style>

</div>
<div class="navigation" style='margin-left:550px;'>
	<ol class="wp-paginate">
		{!! $data->appends(['type' => $type])->render() !!}
	</ol>
</div>
<!-- <hr> -->
@endsection
